<html>
<head>
<title>Despre Imobiliare</title>

<link rel="stylesheet" type="text/css" href="./ext-4.0.0/resources/css/ext-all.css" />
<script type="text/javascript" src="./ext-4.0.0/ext-debug.js"/></script>

<script type="text/javascript"/>

Ext.Loader.setConfig({enabled: true});

Ext.require(['Ext.*']);

Ext.onReady(function(){
Ext.regModel('Image', {
    Fields: [
        {name:'src', type:'string'},
        {name:'caption', type:'string'}
    ]
});

Ext.create('Ext.data.Store', {
    id:'imagesStore',
    model: 'Image',
    data: [
        {src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts'},
        {src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data'},
        {src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme'},
        {src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned'}            
    ]
});



Ext.create('Ext.view.View', {
    store: Ext.data.StoreManager.lookup('imagesStore'),
    tpl: ['<tpl for=".">',
        '<div style="thumb-wrap">',
          '<img src="{src}" />',
          '<br/><span>{caption}</span>',
        '</div>',
    '</tpl>'],
    itemSelector: 'div.thumb-wrap',
    emptyText: 'No images available',
    renderTo: Ext.getBody()
});
});
</script>

</head>
<body></body>
</html>